body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,td{margin:0;padding:0} 
body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;word-wrap:break-word;}
a{text-decoration:none}
em,i{font-style:normal;}
strong,b{font-weight: 100;}
li{list-style:none}
img{display: block;} 
table{border-collapse:collapse;border-spacing:0}
.indent{text-indent:2em;}
.noborder{border:0;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clear::after{content:"." ;display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
html{
	font-size: 26.66666666666667vw;
	height: 100%;
}
body{
	height: 100%;
	position: relative;
}
header{
    height: .5rem;
    background-color: #FF841D;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
   
    a:nth-of-type(1) {
        display: flex;
        align-items: center;
        img{
            margin-left: .2rem;
            width: 1.85rem;
        }
    } 
    a:nth-of-type(2) img{
        height: .34rem;
    }
}
#search{
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    div{
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        input{
            height: .3rem;
            width: 80%;
            // padding-left: 5%;
            border-radius: .15rem;
            background-color: #f1f1f1;
            border: none;
            font-size: .16rem;
            outline: none;
            padding: 0 5%;
        }
        button{
            width: .63rem;
            height: .3rem;
            position: absolute;
            right: 5%;
            border-radius: .15rem;
            background: #ff841d;
            font: .16rem/.3rem "";
            color: #fff;
            border: none;
            cursor: pointer;
        }
    }
}
#article{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color: #f4f4f4;
    background-image: linear-gradient(to bottom, #fff, #ccc);
    height:.3rem;
    div:nth-of-type(1){
          padding-left: 5px;
          width: 60%;
          height:.28rem;
          border-top: 1px solid #cccccc;
          border-bottom: 1px solid #cccccc;
          font-size:13px;
          line-height:.185rem;
          a{
              display:inline-block;
              height:.28rem;
              line-height:.28rem;
              color:black;
          }
    }
    div:nth-of-type(2){
        margin-right: 10px;
        width: 50px;
        height:.28rem;
        font-size:13px;
        line-height:.28rem;
        text-align:center; 
        border: 1px groove  linear-gradient(to top, #fff, #ccc);
        border-radius: 10%;  
    }
}
#main{ 
    .ll{
        display:flex;
        justify-content: space-between;
        height:120px;
        img{
            display:block;
           

        }
        .dv{
            width:7.6rem;
            height:2.666666rem;
            .p1{
                font-weight: normal;
                font-size: 15px;
                margin:10px 0 0 10px;
            }
            .p2{
                margin-left:10px;
                font-size: 18px;
                color: #ed0000;
                margin-top:10px;
            }
            .p3{
                margin-left:10px;
                font-size: 13px;
                margin-top:10px;
                .s1{
                    color:rgb(155, 151, 151);
                }
                .s2{
                    margin-left:15px;
                    color:rgb(155, 151, 151);
                }
            }

        }
    }
}





#footer{
   
    background-color: #f4f4f4;
    div:nth-of-type(1){
        height: .5rem;
        overflow: hidden;
        a{
            margin: .1rem .1rem;
            display: block;
            font: .13rem/.3rem "";
            color: #666;
            border-radius: .05rem;
            background: linear-gradient(#ffffff, #f4f4f4);
            border: .01rem solid #ddd;
            text-align: center;
        }
    }
    div:nth-of-type(2){
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FF9000;
        height: .34rem;
        margin: .1rem 0;
        position: relative;
        p{
            padding-left: .1rem;
           color: #fff;
           font: bolder .18rem/.35rem "Microsoft soft";
        }
        a{
            // position: absolute;
            // right: .1rem;
            // top: 0;
            color: #fff;
            display: block;
            span{
                display: block;
                margin-right: .1rem;
                // display: flex;
                // align-items: center;
                // justify-content: center;
                width: .2rem;
                height: .2rem;
                // font-weight: bold;
                border: .01rem solid #fff;
                border-radius: 50%;
                font: .18rem/.18rem "";
                text-align: center;
            }
        }
    }
    div:nth-of-type(3){
        display: flex;
        justify-content: center;
        align-items: center;
        a{
            display: block;
            width: 100%;
            text-align: center;
            font: .14rem/.33rem "";
            color: #666;
            border:.01rem solid #c4c4c4;
            
        }
        a:nth-of-type(2){
            border-left: 0;
            border-right: 0;
        }
    }
    div:nth-of-type(4){
        color: #666;
        height: .37rem;
        font-size: .13rem;
        padding: .1rem;
        font-family: "微软雅黑", sans-serif;
        text-align: center;
        a{
            font-family: "微软雅黑", sans-serif;
            color: #666;
            font-size: .13rem;
        }
    }
}